.overall {
  min-width: 1338px;
}
:global {
  .fiveArea {
    background: #e4ebfb !important;
    border-bottom: 1px solid #e4ebfb !important;
  }
  .table-tr-row-id {
    background: #e4ebfb;
  }
}
.InstitutionOverview {
  position: relative;
  .icon {
    position: absolute;
    left: 90px;
    top: -1px;
  }
  .area {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #444;
    margin-bottom: 16px;
    &::before {
      display: block;
      content: '';
      width: 4px;
      height: 12px;
      border-radius: 2px;
      background: #a4b9ff;
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  margin-top: 18px;
  position: relative;
  .pa {
    .modes {
      margin-bottom: 16px;
    }
    padding-bottom: 150px !important;
    .floatTable {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 724px;
      width: 100%;
      height: 203px;
      padding: 0px 20px 20px 20px;
    }
  }

}
.yearCompar {
  margin-top: 18px;
  .content {
    display: flex;
    justify-content: space-between;
    .quick {
      line-height: 40px!important;
    }
    .leftContent {
      display: flex;
      align-items: center;
      .input {
        .middle {
          line-height: 40px;
          margin-left: -6px;
          margin-right: 10px;
        }
        line-height: 40px;
        height: 40px;
        display: flex;
        :global {
          .ant-row {
            width: 120px!important;
          }
        }
      }
    }
  }
  .info {
    margin: 16px 0;
    height: 74px;
    width: 100%;
    background: #f5f8ff;
    display: flex;
    align-items: center;
    .infoContent {
      display: flex;
      align-items: center;
      width: 49%;
      height: 74px;
      .year {
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 700;
        color: rgba(0,0,0,0.65);
        margin-left: 30%;
        margin-right: 30px;
      }
      .num {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(0,0,0,0.65);
        span {
          font-size: 16px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #f4423a;
        }
      }
    }
    .line {
      width: 1px;
      background: #e3eaff;
      height: 30px;
    }
  }
}
.AsNow {
  .bac {
    height: 142px;
    background: url("../../../assets/busi/OperationalMonitoring/organProductAnalysis/pruductOverview.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    .title {
      padding-left: 36px;
      padding-top: 24px;
      padding-bottom: 22px;
      font-size: 18px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 700;
      color: rgba(0,0,0,0.85);
    }
    &:last-child {
      margin-top: 16px;
    }
    .info {
      .num {
        padding-left: 36px;
        font-size: 20px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(0,0,0,0.85);
      }
      .des {
        padding-left: 36px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(0,0,0,0.65);
      }
      & > div {
        & > span {
          display: inline-block;
          width: 25%;
        }
      }
    }
  }

}
.productScale {
  margin-top: 18px;
  position: relative;
  .icon {
    position: absolute;
    left: 176px;
    top: -1px;
  }
}
